<template>
    <div class="box">
      <Head title="婚介" style="border-bottom: 2px solid #dad9df;" id="backstyle"> 
</Head>
        <div class="center">
<div class="bottom">
<h1>对接第三方接口</h1>
</div>
        </div>
    </div>
  </template>
  
  <script>
  import Head from "@/components/public/HeadPage.vue"
  export default {
     components:{
      Head
     }
  }
  </script>
  
  <style scoped>
  .box{
    width: 100%;
    height: 100%;
    /* display: flex;
    justify-content: center; */

  }
  /* 版心区域 */
  .center{
    width: 98%;
    height: 100%;

  }
  h3{
   width: 100%;
   height: .4rem;
  font-size: .22rem;
  line-height: .4rem;

  display: flex;
  align-items: center; 
  border-bottom: 2px solid #dad9df;
}
h3 img{
  width: .24rem;
  margin-right: .05rem;
}
.bottom{
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
  </style>